    html,
    body {
        font-family: 'Mitr', sans-serif !important;
        background-color: lightgray;
        min-height: 100vh;
    }
    
    .text-primary {
        color: #eda51f;
        font-size: 1.25rem;
    }
    
    .text-info {
        color: #4287f5;
        font-size: 1.25rem;
    }
    
    hr {
        background-color: #ffe500;
        margin: 0.5rem 0;
    }
    
    .mb-0 {
        margin-bottom: 0;
    }
    
    .custom-content {
        position: relative;
    }
    
    .bottom-text {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .p-0 {
        padding: 0;
    }
    
    a,
    a:hover {
        color: #4a4a4a;
    }
    
    @media only screen and (max-width: 762px) {
        html,
        body {
            font-size: 0.9rem;
        }
    }